<template>
  <div id="app">
    <router-view />

      
      <!-- <button @click="btn">跨域请求</button>
    <p>{{info}}</p>
    <form action="api/stu/add1.do" method="get">npm
    <input type="text" placeholder="输入1" name="id">
    <input type="text" name="userName">
    <router-link to="/about"></router-link>
    <button type="submit">提交</button>
    </form> -->
    </div>

</template>

<script>
import axios from "axios";
export default {
  data() {
    return {
      info: null,
      activeIndex: "1",
      activeIndex2: "1",
    };
  },
  methods: {
    btn() {
      axios.get("api/stu/add2.do").then((res) => {
        console.log((this.info = res.data));
      });
    },
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
  },
};
</script>

<style  lang="scss">
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
.flex {
  display: flex;
}
.flexc {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flexd{
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content: center;
}


nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}
.footer{width:100%;height:60px;line-height:60px;text-align:center;background:#94070a;color:#FFF; margin-top:50px;}
</style>




